<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" >
    $(function(){
	    //$("#div").attr("title","你是测试么")     Jquery对象方法
		//document.getElementById("div").title="word"   //DOM对象方法
		//jquery对象转换DOM对象
		var div =$("#div")
		var div2 =div[0];
		var div3 =div.get(0);
		//div2 div3均为DOM对象
		//以下写法也是正确的
		$("#div").html() ;
		$("#div")[0].innerHTML;
		$("#div").eq(0)[0].innerHTML ;
		$("#div").get(0).innerHTML;
		
		//DOM对象转换为JQuery对象
		var div=document.getElementById("div");
		var $div=$(div);
		$div.attr("title","测试")
		





	})
</script>
<style>
div.current( background:red ;)

</style>
</head>

<body>
 <div id="div"> 测试2 </div>
</body>
</html>
